﻿
@media (max-width: 1660px){
	.aboutboxmaxone .num{ padding: 0.7rem 0.2rem 0 0.2rem;}
	.indexboxthree .list .li:nth-child(2) .m{ margin-top: 0;}
	.footercp .toop .cont .left .li + .li{ margin-left: 0.6rem;}
	.footercp .toop .cont .left .min .p{ flex-wrap: wrap;}
	.footercp .toop .cont .left .li .h{ white-space: nowrap;}
	.footercp .toop .cont .right .li .p{ white-space: nowrap;}
	.footercp .boot .cont,
	.footercp .toop .cont{ width: 15rem!important;}
	
}
@media (max-width: 1440px){
	.footercp .toop .cont .right .li + .li{ margin-left: 20px;}
	.footercp .toop .cont .right{ margin-left: 20px;}
	.footercp .toop .cont .left .add .p .v,
	.footercp .toop .cont .left .add .p .v i{ white-space: nowrap;}
	.footercp .boot .cont,
	
}


@media (max-width: 950px){

	html,body{ font-size: calc(100vw/7.5);}

	/* hide */

	.headercp{ display: none;}

	.indexbanner,

	.databanner{ margin-top: 50px;}

	.indexbanner .wker .m{ height: 6rem;}

	.indexbanner .wker .text{ bottom: 0.2rem; padding: 0 0.35rem;}

	.indexbanner .wker .text .h{ font-size: 22px; line-height: 32px;}

	.indexbanner .wker .text .p{ font-size: 15px; line-height: 26px;}

	.indexboxone .mker .img .i{ width: 1rem; height: 1rem;}

	.indexboxone .mker .img{ width: 3rem; height: 3rem; margin: auto;}

	.indexboxone .mker{ width: auto; height: auto;}

	.indexboxone .mker{ position: unset;}

	.indexboxone{ padding: 50px 0.35rem;}

	.indexboxone .mker .list .li{ width: 3.2rem; position: unset!important; left: auto!important; top: auto!important; right: auto!important; bottom: auto!important;}

	.indexboxone .mker .list{ display: flex; justify-content: space-between; flex-wrap: wrap; /*flex-direction: row-reverse;*/}

	.indexboxone .mker .list .li{ margin-top: 30px; text-align: left!important;}

	.indexboxone .mker .list .li .tit .h{ font-size: 18px; line-height: 20px;}

	.indexboxone .mker .list .li .tit .i{ font-size: 12px; line-height: 12px;}

	.indexboxone .mker .list .li:nth-child(4) .tit, .indexboxone .mker .list .li:nth-child(5) .tit{ flex-direction: unset;}

	.indexboxone .mker .list .li:nth-child(4) .ps, .indexboxone .mker .list .li:nth-child(5) .ps{ text-align: left;}

	.indexboxone .mker .list .li .ps{ font-size: 12px; line-height: 22px;}

	.indexboxone .mker .list .li .tit{ padding-bottom: 8px; margin-bottom: 10px;}

	/*.indexboxone .mker .list .li:first-child{ top: 0!important; right: 0.35rem!important;}

	.indexboxone .mker .list .li:nth-child(5){ top: 0!important; left: 0.35rem!important;}

	.indexboxone .mker .list .li:nth-child(2),

	.indexboxone .mker .list .li:nth-child(4){ position: unset!important;}

	.indexboxone .mker .list .li:nth-child(4) br{ display: none;}

	.indexboxone .mker .list .li:nth-child(3){ right: 0.35rem!important; top: 180px!important; transform: translateY(-50%);}*/

	.indexboxtwo{ padding: 50px 0.35rem;}

	.indexboxone .mker .list .li:nth-child(4) br{ display: none;}

	.indexboxone .mker .list .li:first-child{ padding: 0 calc((100% - 3.2rem)/2);}

	.indexboxone .mker .list .li:first-child .tit{ justify-content: center;}

	.indexboxone .mker .list .li:first-child .ps{ text-align: center;}

	.w1400{ width: auto;}

	.titlemaxbox .h{ font-size: 20px; line-height: 30px;}

	.titlemaxbox .p{ font-size: 13px; line-height: 24px;}

	.indexboxtwo .list{ margin: 30px 0 0 0; justify-content: space-between; padding: 0;}

	.indexboxtwo .list .li{ width: 3.25rem; margin: 0 0 0.3rem 0;}

	.indexboxtwo .list .li .h{ font-size: 13px; line-height: 20px; padding: 7px 15px;}

	.indexboxthree{ padding: 50px 0.35rem;}

	.indexboxthree .list .li{ display: block;}

	.indexboxthree .list .li + .li{ margin: 50px 0 0 0!important;}

	.indexboxthree .list .li:first-child .m{ width: 100%; height: 6.8rem; margin: 0 0 30px 0;}

	.indexboxthree .list .li:nth-child(2) .m{ width: 100%; margin: 0 0 30px 0;}

	.indexboxthree .list .li:nth-child(3) .m{ width: 100%; margin: 0 0 30px 0;}

	.indexboxthree .list .li .text{ width: auto!important; margin: 0!important; padding: 0!important; display: block; position: relative;}

	.indexboxthree .list .li .text .ter .ps, .indexboxthree .list .li .text .ter .ps i{ font-size: 14px; line-height: 24px;}

	.indexboxthree .list .li .text .ter{ width: auto;}

	.indexboxthree .list .li .text .ter .h{ font-size: 17px; line-height: 26px;}

	.indexboxthree .list .li .text .ter .p{ font-size: 15px; line-height: 24px;}

	.indexboxthree .list .li .text .i img{ width: 58px; position: absolute; top: 0; left: 0;}

	.indexboxthree .list .li .text .tp{ padding-left: 64px;}

	.indexboxfour{ padding: 50px 0.35rem;}

	.indexboxfour .list .wker a + a{ margin-top: 0.3rem;}

	.indexboxfour .list .wker a{ width: 2.1rem; height: 1rem;}

	.indexboxfour .list{ margin: 30px -0.15rem 0 -0.15rem;}

	.footercp .boot .cont a, .footercp .boot .cont .p{ font-size: 12px; line-height: 18px; padding: 5px;}

	.footercp .boot .cont{ padding: 10px 0.35rem;}

	.footercp .toop .cont{ display: block; padding: 50px 0.35rem;}

	.footercp .toop .cont .right{ justify-content: center; margin-top: 30px;}

	.footercp .toop .cont .right .li .m img{ height: 2rem;}

	.footercp .toop .cont .right .li .p{ font-size: 12px; line-height: 18px; margin-top: 10px;}

	.footercp .toop .cont .left{ display: block;}

	.footercp .toop .cont .left .li + .li{ margin: 30px 0 0 0;}

	.footercp .toop .cont .left .li .h{ font-size: 17px; line-height: 20px; text-align: center;}

	.footercp .toop .cont .left .li .min{ display: flex; justify-content: center; flex-wrap: wrap;}

	.footercp .toop .cont .left .min .p a{ font-size: 14px; line-height: 24px; margin: 0 6px 2px 6px;}

	.footercp .toop .cont .left .add .p{ display: block; text-align: center;}

	.footercp .toop .cont .left .add .p,

	.footercp .toop .cont .left .add .p em{ font-size: 14px; line-height: 24px;}

	.footercp .toop .cont .left .add .pv{ display: flex; justify-content: center; margin-bottom: 8px;}

	.footercp .toop .cont .left .add .p .v i,

	.footercp .toop .cont .left .add .p .v{ font-size: 14px; line-height: 24px;}

	.footercp .toop .cont .left .add .p .v{ border-radius: 12px;}

	.footercp .toop .cont .left .li .h{ margin-bottom: 10px;}

	.aboutboxmaxone{ padding: 50px 0.35rem;}

	.aboutitle .h{ font-size: 17px; line-height: 20px; text-align: center;}

	.aboutitle .p{ font-size: 17px; line-height: 30px; text-align: center; font-weight: bold;}

	.aboutboxmaxone .list, .aboutboxmaxone .list p, .aboutboxmaxone .list i{ font-size: 14px; line-height: 26px;}

	.aboutboxmaxone .num{ padding: 10px 0 0 0; flex-wrap: wrap;}

	.aboutboxmaxone .num .li{ width: 49%; margin-top: 30px;}

	.aboutboxmaxone .num .p{ font-size: 12px; line-height: 18px; text-align: center;}

	.aboutboxmaxone .num .h{ justify-content: center; font-size: 16px; line-height: 16px; font-weight: bold;}

	.aboutboxmaxone .num .h i{ font-size: 30px; line-height: 1; font-weight: bold;}

	.aboutitle .mm{ font-size: 14px; line-height: 26px; text-align: center;}

	.aboutboxmaxtwo{ padding: 50px 0.35rem;}

	.aboutboxmaxtwo .list{ display: block; margin: 30px 0 0 0;}

	.aboutboxmaxtwo .list .li{ width: 6.8rem; height: 5.94rem; display: flex; justify-content: center; align-items: center;}

	.aboutboxmaxtwo .list .li .p, .aboutboxmaxtwo .list .li .p i{ font-size: 14px; line-height: 26px;}

	.aboutboxmaxtwo .list .li .mk{ width: 4.6rem; padding: 0;}

	.aboutboxmaxtwo .list .li .h{ font-size: 30px; line-height: 30px;}

	.aboutboxmaxtwo .list .li + .li{ margin-top: 0.35rem;}

	.aboutboxmaxthree{ padding: 50px 0.35rem 0 0.35rem;}

	.aboutboxmaxthree .list .m1{ display: block; margin-bottom: 0.2rem;}

	.aboutboxmaxthree .list .m1 .li{ width: 100%; height: auto;}

	.aboutboxmaxthree .list .m1 .li + .li{ margin-top: 0.2rem;}

	.aboutboxmaxthree .list{ width: auto; margin: 30px 0 0 0;}

	.aboutboxmaxthree .list .m2{ justify-content: space-between; margin: 0;}

	.aboutboxmaxthree .list .m2 .li{ margin: 0 0 0.2rem 0; width: 2.13rem; height: 3rem;}

	.aboutboxmaxthree .list .m2 .li:nth-child(4),

	.aboutboxmaxthree .list .m2 .li:nth-child(5){ width: 3.3rem; height: 4.66rem;}

	.aboutboxmaxthree .list .m3{ justify-content: space-between;}

	.aboutboxmaxthree .list .m3 .li{ width: 3.3rem; height: 4.7rem; margin: 0 0 0.2rem 0;}

	.aboutboxmaxthree .list .m3 .li:last-child{ width: 3.3rem; height: 4.7rem;}

	.aboutboxmaxthree .list .m3 .li img{ width: 100%; height: auto;}

	.aboutboxmaxfour{ margin: 50px 0.35rem;}

	.aboutboxmaxfour .list{ margin: 30px 0 0 0; justify-content: space-between;}

	.aboutboxmaxfour .list .li{ width: 3.3rem!important; margin: 0 0 0.2rem 0!important;}

	.aboutboxmaxfour .list .li:nth-child(7){ width: 100%!important; height: auto!important;}

	.teseboxmaxone{ padding: 50px 0.35rem;}

	.teseboxmaxone .form{ margin: 30px 0 0 0; overflow-x: auto;}

	.teseboxmaxone .form table{ width: 900px;}

	.teseboxmaxone .form table th .em{ font-size: 14px; line-height: 40px;}

	.teseboxmaxone .form table td .em,

	.teseboxmaxone .form table td .em a{ font-size: 14px; line-height: 22px;}

	.teseboxmaxone .form table td .em.h{ font-size: 16px; line-height: 22px;}

	.teseboxmaxdata{ padding: 50px 0.35rem;}

	.teseboxmaxdata .h{ font-size: 20px; line-height: 30px; text-align: center;}

	.teseboxmaxdata .m{ font-size: 15px; line-height: 26px; text-align: center;}

	.teseboxmaxdata .ps, .teseboxmaxdata .ps p, .teseboxmaxdata .ps i{ font-size: 14px; line-height: 26px;}

	.caseboxmax{ padding: 50px 0.35rem;}

	.caseboxmax .wli .list{ margin: 30px 0 0 0;}

	.caseboxmax .wli .list .li{ width: 100%; margin: 0;}

	.caseboxmax .wli .list .li + .li{ margin-top: 0.3rem;}

	.caseboxmax .wli .list .li .m{ height: 5rem;}

	.caseboxmax .wli .list .li .ter .p, .caseboxmax .wli .list .li .ter .p i{ font-size: 14px; line-height: 26px;}

	.caseboxmax .wli .list .li .ter .p{ padding-left: 75px;}

	.caseboxmax .wli .list .li .ter .p i{ width: 60px;}

	.caseboxmax .wli .list .li .ter .p i::after{ font-size: 14px; line-height: 26px; right: -6px;}

	.caseboxmax .wli + .wli{ margin-top: 50px;}

	.pageing a{ font-size: 14px; line-height: 26px; padding: 0 5px; min-width: 16px; height: 26px;}

	.jishuboxmax{ padding: 50px 0.35rem;}

	.jishuboxmax .wli + .wli{ margin-top: 50px;}

	.jishuboxmax .wli .boot .p, .jishuboxmax .wli .boot .p i{ font-size: 14px; line-height: 26px; text-align: center;}

	.jishuboxmax .wli .boot .a{ justify-content: center;}

	.jishuboxmax .wli .boot .a a{ font-size: 14px; line-height: 24px; padding: 0 2px;}

	.jishuboxmax .wli .list{ display: block; margin-top: 30px;}

	.jishuboxmax .wli .list .wker .h{ font-size: 17px; line-height: 26px;}

	.jishuboxmax .wli .list .wker1{ width: auto; margin-bottom: 30px;}

	.jishuboxmax .wli .list .wker2{ width: auto;}

	.jishuboxmax .wli .list .wker .li .p{ font-size: 14px; line-height: 24px;}

	.contactboxmax{ padding: 50px 0.35rem;}

	.contactboxmax .cont{ display: block;}

	.contactboxmax .cont .text{ width: 100%;}

	.contactboxmax .cont .text .h{ font-size: 18px; line-height: 28px; font-weight: bold;}

	.contactboxmax .cont .text .ter .p{ font-size: 14px; line-height: 26px;}

	.contactboxmax .cont .img img{ width: 100%; margin: 30px 0 0 0;}

	.headercpcell{ display: block;}

	

	.indexrightbox{ top: auto; transform: none; left: 0; right: 0; bottom: 0; display: flex; justify-content: space-between; background: #666; height: 40px; border-top: 1px solid #666;}

	.indexrightbox .li + .li{ margin: 0;}

	.indexrightbox .li3{ width: 70px; height: 40px;}

	body{ padding-bottom: 40px;}

	.indexrightbox .li{ display: flex; justify-content: center; align-items: center; background: #4B4B4D;}

	.indexrightbox .li .m{ width: 36px; height: 36px; position: relative;}

	.indexrightbox .li1,

	.indexrightbox .li2{ width: calc((100% - 72px) / 2);}

	.indexrightbox .li1 .m::after{ content: '客服热线'; position: absolute; top: 0; left: 36px; font-size: 15px; line-height: 36px; /*font-weight: bold;*/ color: #fff; white-space: nowrap;}

	.indexrightbox .li1 .m{ margin-right: 70px;}

	.indexrightbox .li2 .m::after{ content: '微信'; position: absolute; top: 0; left: 36px; font-size: 15px; line-height: 36px; /*font-weight: bold;*/ color: #fff; white-space: nowrap;}

	.indexrightbox .li2 .m{ margin-right: 40px;}

	

	.indexrightbox .li .min{ top: auto; bottom: 55px; left: 0.35rem;/* display: block;*/ right: auto;}

	.indexrightbox .li .min .p{ font-size: 20px; line-height: 30px; padding: 5px 10px;}

	.indexrightbox .li .min::after{ width: 10px; height: 10px; top: auto; right: auto; bottom: -5px; left: 45px;}

	.indexrightbox .li .min .w{ width: 100px; padding: 10px;}

	.indexrightbox .li2 .min{ left: 50%; transform: translateX(-50%);}

	.indexrightbox .li2 .min::after{ left: 50%; transform: translateX(-50%) rotate(45deg);}

	.indexrightbox .li:hover{ background: #107DD0;}

	.indexrightbox .li{ transition: all 0.5s;}
	
	.footercp .ocnt{ width: auto!important;}

	

}







/*.indexboxtwo .list .li .h{ overflow: hidden; white-space: nowrap; text-overflow : ellipsis;}*/



.caseboxvkerbox .list .li .ter .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}



.newslistbox .list .li .ter .p,

.caseboxvkerbox2 .list .li .ter .b{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}









